﻿
* {
    margin: 0;
    padding: 0;
}

.fs_online {
    width: 17%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 5%;
    margin-left: 40%;
    display: block;
    float: left;
    border: 1px solid #eae5e5;
}

#header_online {
}

.gioitinh {
    width: 9%;
}

#img_banner {
    border-top: 17px solid #33ADAD;
}

    #img_banner img {
        display: block;
        width: 100%;
        max-width: 100%; /* corresponds to max height of 450px */
        margin: 0 auto;
    }

#menu_header {
    padding-left: 2%;
}

#login_cmt {
    /*margin-left: 1%;
    float: left;
    width: 90%;*/
}

.login-image-fields {
    /*max-width: 40%;*/ /* corresponds to max height of 450px */
    height: auto;
}

.login-image-get {
    float: left;
    margin-left: 1em;
    width: 40%;
    border-color: yellow;
}

label {
    font-style: normal;
    font-weight: normal;
}

.form-control {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

.radio {
    font-style: normal;
    font-weight: normal;
}


.login_center {
    width: 50%;
    float: right;
}

.lbl_row_online {
    width: 2% !IMPORTANT;
}

.lbl_title {
    background: rgb(0, 153, 153);
    color: #FFFFFF;
}

.txt_row_online {
    width: 27% !IMPORTANT;
}

.btn_group_online {
    float: left;
    margin-left: 40%;
    width: 30%;
}

.btn-small_online {
    /*width:50%;*/
    /*line-height:90%;*/
    min-width: 45px;
}

#header_general, .footer {
    background-color: #33ADAD;
    width: 90%;
    margin-left: 5%;
    font-style: normal;
}

.first span {
    float: left;
    width: 10%;
}

.second {
    /*float:right;
    width: 20%;*/
    /*padding-right:10%;*/
    margin-left: 8%;
}

.footer span {
    padding-left: 1%;
}

body {
    background-image: url("../Images/acs_background.jpg");
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    /*font-size: 12px;*/
    margin: 0;
    padding: 0;
}

.content_online {
    background-color: #E9EFED;
    width: 90%;
    margin-left: 5%;
    min-height: 500px;
    font-size: smaller !important;
}

.container {
    font-size: smaller !important;
}

div#burden, div.boc_warning_block {
    font-family: arial,helvetica,georgia,serif;
    font-size: 0.9em;
    margin-top: 0;
    margin: 0 auto;
    text-align: center;
    /*width: 850px;*/
}

div#burden {
    width: 75%;
    margin-top: 1%;
    margin-left: 10%;
}

div.boc_warning_block {
    background-color: white;
    border: 1px solid #CCCCCC;
    margin-top: 2.5em;
    padding: 0.2em;
    text-align: center;
    margin-bottom: 20px;
    width: 90%;
}

#code1 {
    width: 20%;
}

#code2 {
    width: 20%;
}

div#login-text {
    margin-top: 2em;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}

.noidung {
    margin-top: 2em;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    min-height: 450px;
}

.noidung-nhaponline {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    min-height: 300px;
}

div#login-container {
    border-bottom: 2px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    /*margin-top:0 ;
  margin-bottom:0;
  margin-left:11%;
  min-height:250px;*/
    /*margin-left:5%; 
  width:95%;*/
    margin: 0 auto;
    width: 90%;
    height: 250px;
}

div #login-title {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
    padding-bottom: 1px;
    padding-top: 1px;
    text-align: center;
}

.login-fields {
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 500px;
    padding-top: 0;
}

.login-fields1 {
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 0;
    margin-top: 20px;
}

.login-fields2 {
    font-size: 100%;
    font-weight: bold;
    padding-top: 0;
}

.button-online {
    margin-left: 25px;
    margin-top: 30px;
}

.lbl-online {
    width: 150px;
}

.lbl-online1 {
    width: 25%;
}

.txt-online {
    height: 30px;
}


.row-col-online {
    margin-top: 10px;
}

.row-online {
    margin-top: 20px;
    margin-left: 25px;
}

.row-online-table {
    margin-top: 10px;
    margin-left: 140px;
}

.row-online-table1 {
    margin-top: 10px;
}

.row-online-table-head {
    margin-top: 30px;
}

.khungmapin {
    border-radius: 25px;
    border: 2px solid #CCCCCC;
    padding: 20px;
    width: 250px;
    height: 70px;
    margin-left: 25px;
    margin-top: 50px;
    text-align: center;
    font-size: 1.4em;
}

.noidungtable {
    display: table;
    border: 2px solid #CCCCCC;
    width: 800px;
    height: auto;
}

div#wrapper {
    margin: 3px auto 0 auto;
    padding: 0;
    width: 1200px;
}

div#form_wrapper {
    min-height: 362px;
    padding-right: 60px;
}

.dong {
    display: table-cell;
    padding-left: 1%;
    white-space: nowrap;
    min-width: 260px;
}

div#wrapper {
    margin: 3px auto 0 auto;
    padding: 0;
    width: 1200px;
}

div#form_wrapper {
    min-height: 362px;
    padding-right: 60px;
}

.form-control {
    height: 30px;
}

.widthTinhHuyenXa {
    /*width: 24.3%;
    padding-left: 0%;*/
    width: 27.15%;
    padding-left: 0%;
}

.widthTinhHuyenXadai {
    /*width: 24.3%;
    padding-left: 0%;*/
    width: 26.5%;
    padding-left: 0%;
}

.widthlabelTinhHuyenXa {
    width: 18.5%;
}

.lbldai {
    width: 20%;
}

.controldai {
    width: 30%;
    padding-left: 0%;
}

.buttonClick {
    width: 120px;
    margin-top: 40px;
    height: 30px;
}
.buttonClickNew{
    background-color: #2664B7; color:#ffffff; min-width:100px;
}

/*Khai Online left column*/
.name_col {
    float: left;
    width: 24%;
    margin-top: 1%;
    border: 1px solid black;
    padding-left: 1%;
    padding-right: 1%;
    min-height: 450px;
    overflow-x: hidden;
}

li.dropdown-header {
    border-bottom: 1px solid black;
    /*border-bottom-width: 3px;*/
    color: black;
}

.detail_col {
    float: right;
    width: 75%;
    margin-top: 1%;
}

.dropdown-header {
    padding: 0 !important;
}

.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;
}

.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;
}

button.btn.btn-link {
    margin-left: 2%;
}

#headerCauHoi {
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid black;
    margin-bottom: 2%;
}

.control-lable {
    font-size: 12px;
}
/*End====Khai Online left column*/
.widthnew {
    width: 11%;
}

.widthnew1 {
    width: 27%;
}

.clickresident {
    background-image: url("../Images/rt_arrow.gif");
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 30px; /* make this the size of your image */
    padding-left: 16px; /* make text start to the right of the image */
    vertical-align: middle;
    padding-left: 10%;
    padding-top: 0%;
}

#PM0Captcha_CaptchaImageDiv {

    height: 30px !important;
}

img#PM0Captcha_CaptchaImage {
    /*height: 30px;*/
    padding-top: 6px;
    display:inline;
    /*width: 300px;*/
}
 #PM0Captcha_CaptchaDiv.LBD_CaptchaDiv{
     display: table-row;
     /*margin-left:35px !important;*/
 }
 #PM0Captcha_CaptchaImageDiv.LBD_CaptchaImageDiv{
     display:table-cell;
     padding-right:2px;
     margin-top: 3px;
     height:25px !important;
     width: 145px !important;
 }
 #PM0Captcha_CaptchaIconsDiv.LBD_CaptchaIconsDiv{
     display:table-cell;
     margin-top: 3px;
     /*margin-bottom:20px !important;*/
     margin-left:3px;
     width:25px !important;
     height:25px !important;
 }
#PM0Captcha_ReloadIcon{
    /*padding-bottom:6px !important;*/
    display:inline;
}

#PM0Captcha_CaptchaImageDiv.LBD_CaptchaImageDiv {
    height: 30px !important;
    min-height:30px !important;
}

#PM0Captcha_CaptchaIconsDiv.LBD_CaptchaIconsDiv {
    height: 30px !important;
    min-height:30px !important;
    width: 25px !important;
}
/*.LBD_CaptchaDiv{
    height:30px !important;
}*/
#btnLogin {
    margin-top: 4px;
}
